<template>
  <div id="app">
      <sph-header></sph-header>
      <router-view></router-view>
      <sph-footer></sph-footer>
  </div>
</template>

<script>
import footer from "components/footer/footer";
import header from "components/header/header";
import api from "api/api";
const {product} = api;
import {mapActions} from "vuex";

export default {
  name: 'App',
    //组件名不能和html标签名冲突
  components: {
      "sph-footer":footer,
      "sph-header":header
  },
    methods:{
      ...mapActions(["getBaseCategoryList"])
    },
    async mounted(){
        const body = await this.getBaseCategoryList()
      // const body = await product.getBaseCategoryList();

    }

}
</script>

<style>

</style>
